<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		.clearFix::after{
			content: "";
			clear: both;
			display: block;
		}
		.box{
/*			width: 1600px;*/
			background-color: white;
		}
		.header{
			width: 100%;
			height: 60px;
			line-height: 60px;
			background-color: #191D3A;
			display: flex;
			justify-content: space-around;
		}
		.header-lift{
			height: 35px;
			margin: 10px 0 0 20px;
			color: #444866;
		}
		.header-middle{
			width: 650px;
			height: 58px;
		}
		.header-middle>a{
			width: 86.33px;
			height: 58px;
			text-decoration: none;
			font-size: 18px;
			color: #818496;
			margin: 5px;
		}
		.header-middle .only{
			display: inline-block;
			width: 99.33px;
			height: 33.33px;
			vertical-align: middle;
			line-height: 33.33px;
			background-color: green;

		}
		.header-right{
			display: flex;
		}
		.header-right p{
			color: #38B774;
			margin: 0 10px 0 0;
		}
		.header-right a{
			text-decoration: none;
			color: #444866;
		}
		.img{
			width: 100%;
			height: 250px;
			background: url("http://so.vqq.com/pic/gamebanner.jpg?v1");
		}
		.top{
			display: flex;
			width: 1000px;
			height: 30px;
			margin: 0 auto;
			padding: 25px 0 15px;
			border-bottom: 1px solid #c7d6e5;
		}
		.top-one{
			height: 30px;
			line-height: 30px;
			color: #444866;
			padding-left: 20px;
			background-image: url("http://so.vqq.com/images/location.png");
			background-position: -2px 125px;
		}
		.top-two{
			display: flex;
			margin-left: 800px;

		}
		.top-two a{
			float: right;
		}
		.top-two p{
			float: right;
		}
		.yx{
			width: 1000px;
			padding-bottom: 40px;
			margin: 0 auto;
			display: flex;
		}
		.yx-left{
			width: 200px;
			height: 200px;
			padding-top: 40px;
		}
		.yx-left-one{
			width: 200px;
			position: relative;
			text-decoration: none;
			color: black;
		}
		.yx-left-one div:nth-of-type(1){
			position: absolute;
			width: 35px;
			height: 40px;
			background-image: url("http://so.vqq.com/images/pad.png?v1.002");
			background-position:0 0;
		}
		.yx-left-one div:nth-of-type(2){
			height: 80px;
			line-height: 35px;
			padding-left: 45px;
			}
		.yx-left-two div:nth-of-type(2){
			height: 80px;
			padding-left: 45px;
			line-height: 35px;
		}
		.yx-left-two{
			width: 200px;
			position: relative;
			text-decoration: none;
			color: black;
		}
		.yx-left-two div:nth-of-type(1){
			position: absolute;
			width: 35px;
			height: 40px;
			background-image: url("http://so.vqq.com/images/pad.png?v1.002");
			background-position:-4px -100px;
			
		}
		.yx-right{
			width: 850px;
			padding-top: 44px;
			display: flex;
			flex-wrap: wrap;
		}
		.yx-right-one{
			width: 355px;
			height: 264px;
			text-align: center;
			margin: 0 43px 42px 0;

		}
		.yx-right-one a{
			display: inline-block;
			line-height: 58px;
			width: 355px;
			height: 58px;
			text-decoration: none;
			position: relative;
		}
		.yx-right-one img{
			width: 331px;
			height: 195px;
		}
		.yx-right-one>a>div{
			width: 4px;
			height: 8px;
			position: absolute;
			background: url("http://so.vqq.com/images/arrow.png");
			left: 300px;
			top: 26px;
		}
		.yx-right-one>a>span{
			color: #38B774;
		}
		.text{
			width: 100%;
			height: 140px;
			margin: 80px 0 0 0;
			background-color: #444866;
			color: #6c6e7e;

		}
		.tittle{
			width: 1000px;
			height: 140px;
			margin: 0 auto;
		}
		.text-one{
			display: flex;
			padding-top: 10px;
			color: #6c6e7e;
		}
		.text-one img{
			width: 36px;
			height: 50px;
		}
		.text p{
			font-size: 12px;
			color: white;
			margin-top: 10px;
			padding-top: 10px;
		}
		
		.top-two a{
			float: right;
		}
		.top-two p{
			float: right;
		}
		.yx-right-one:hover .ww{
			color: #38b774;
		}
		.dsb{
        	width: 70px;
        	height: 30px;
        	background-image: url("../图片/top.png");
        	background-position: 0 30px;
        	position: fixed;
        	right: 60px;
        	bottom: 50px;
        }
        .dsb:hover{
        	background-image: url("../图片/top.png");
        	background-position: 0 0px;
        }
        .yx-left-one:hover .ll{
        	background-image: url("../pad.png");
        	background-position: 153px 0px ;
        }
         .yx-left-one:hover .kk
                  	color: #38b774;
         }
         .yx-left-two:hover .qq{
         	background-image: url("../pad.png");
        	background-position: 154px -100px ;
         }
          .yx-left-two:hover .ww{
         	color: #38b774;
         }
          .header-middle a:hover{
        	color: white;
        }
        .header-right a:hover{
        	color: #38b774;
        }
	</style>
</head>
<body>

	<div class="dsb"></div>

	<div class="box">
		<div class="header">

		<div class="header-lift">
			<img src="http://so.vqq.com/images/logo.png">
		</div>

		<div class="header-middle">
			<a href="file:///C:/Users/%E6%9D%8E%E6%98%82/Desktop/2507B/css/%E5%8D%9A%E9%9B%85.html">首页</a>
			<a href="file:///C:/Users/%E6%9D%8E%E6%98%82/Desktop/2507B/css/%E9%9B%85%E5%8D%9A%E6%B8%B8%E6%88%8F.html">博雅游戏</a>
			<a href="">博雅新闻</a>
			<a href="">关于我们</a>
			<a href="">客服中心</a>
			<a href="">投资者关系</a>
			
			<a class="only" href="">加入我们</a>
		</div>

		<div class="header-right">
			<p>中文</p>
			<a href="">EN</a>
		</div>
	</div>

	<div class="img"></div>


	<div class="top">
		<div class="top-one"></div>
		<h2>博雅游戏</h2>

		<div class="top-two">
			<a href="">
				<img src="http://so.vqq.com/images/home.png">
			</a>
			<p>博雅游戏</p>
		</div>

	</div>

	<div class="yx">

		<div class="yx-left">

			<a class="yx-left-one" href="">
				<div class="ll"></div>
				<div class="kk">iPhone</div>
			</a>

			<a class="yx-left-two" href="">
				<div class="qq"></div>
				<div class="ww">Android</div>
			</a>

		</div>

		<div class="yx-right">

			<div class="yx-right-one">
				<a class="ww" href="">小小斗地主
					<span class="yy">LITTLE LANDLORDS</span>
					<div></div>
				</a>
				<img src="http://so.vqq.com/pic/gamepic27.jpg?v=1">
			</div>

			<div class="yx-right-one">
				<a class="ww" href="">斗地主
					<span class="yy">landlords</span>
					<div></div>
				</a>
				<img src="http://so.vqq.com/pic/gamepic3.jpg">
			</div>

			<div class="yx-right-one">
				<a class="ww" href="">麻将全集
					<span class="yy">mahjong games</span>
					<div></div>
				</a>
				<img src="http://so.vqq.com/pic/gamepic15.jpg">
			</div>

			<div class="yx-right-one">
				<a class="ww" href="">四川麻将
					<span class="yy">sichuan mahjong</span>
					<div></div>
				</a>
				<img src="http://so.vqq.com/pic/gamepic2.jpg">
			</div>

			<div class="yx-right-one">
				<a class="ww" href="">中国象棋
					<span class="yy">chinese chess of boyaa</span>
					<div></div>
				</a>
				<img src="http://so.vqq.com/pic/gamepic10.jpg">
			</div>

		</div>

	</div>


	<div class="text">

			<div class="tittle">

			<p>网站地图  |  免责声明  |  监督举报 | 《博雅游戏接入第三方SDK目录》</p>

			<p>Copyright © 2004 - 2019 博雅互动(Boyaa Interactive)粤ICP备05062536号</p>

			<div class="text-one">
			<p>网络文化经营许可证：粤网文[2018]9499-3381号 | 互联网出版许可证：（署）网出证（粤）字第 030 号 | 增值电信业务经营许可证：粤B2-20110513 </p>
			<img src="https://szcert.ebs.org.cn/Images/govIcon.gif">
			</div>

			</div>

		</div>

	</div>


</body>
</html>